<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>前后端交互</title>
    <script src="./js/axios.js"></script>
</head>

<body>

    <!-- 
        axios 的常用API
        - get
        - post
        - put
        - delete
     -->

    <script>
        // axios.get("http://localhost:3000/axios?id=123").then(function(ret){
        //     // 注意 data 属性是固定的
        //     console.log(ret.data)
        // })

        // axios.get("http://localhost:3000/axios/123").then(function(ret){
        //     console.log(ret.data)
        // })

        // axios.get("http://localhost:3000/axios",{
        //     params:{
        //         id:789
        //     }
        // })
        // .then(function(ret){
        //     console.log(ret.data)
        // })

        // 传统的方式和restful传参都可以
        // axios.delete("http://localhost:3000/axios",{
        //     params:{
        //         id:789
        //     }
        // })
        // .then(function(ret){
        //     console.log(ret.data)
        // })

        // POST url,后面的{} 默认走json进行传递
        // axios.post("http://localhost:3000/axios",{
        //     uname:'lisi',
        //     pwd:123
        // })
        // .then(function(ret){
        //     console.log(ret.data)
        // })

        // POST application/x-www-form-urlencoded => 使用 URLSearchParams
        // let params = new URLSearchParams();
        // params.append("uname","张三");
        // params.append("pwd",123);
        // axios.post("http://localhost:3000/axios",params)
        // .then(function(ret){
        //     console.log(ret.data)
        // })

        // PUT json 和 URLSearchParams 都支持
        axios.put("http://localhost:3000/axios/123",{
            uname:'lisi',
            pwd:123
        })
        .then(function(ret){
            console.log(ret.data)
        })
    </script>

</body>

</html>